<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" > 
<head><title>Overflow</title>
 <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
 <link rel="stylesheet" href="site.css"   media="all"    type="text/css" />
 <link rel="stylesheet" href="page.css"   media="all"    type="text/css" />
 <link rel="stylesheet" href="print.css"  media="print"  type="text/css" />
 <!--[if lte IE 6]>
 <link rel="stylesheet" href="ie6.css"    media="all"    type="text/css" />
 <![endif]-->
</head>

<body>
 <div id="ex1">
  <h1><code>overflow:visible</code></h1>
  <p class="ex1" >
   <span class="big">OVERFLOW</span> <br /> 
   <span class="nowrap">The text in this span does not wrap!</span>  
   <select size="2">
    <option>select me</option>
    <option selected="selected" >select me</option>
   </select><br /> 
   <span>Vertical Overflow.</span>
  </p>
 </div>

 <div id="ex2">
  <h1><code>overflow:hidden</code></h1>
  <p class="ex2" >
   <span class="big">OVERFLOW</span> <br /> 
   <span class="nowrap">The text in this span does not wrap!</span>  
   <select size="2">
    <option>select me</option>
    <option selected="selected" >select me</option>
   </select><br /> 
   <span>Vertical Overflow.</span>
  </p>
 </div>
 
 <div id="ex3">
  <h1><code>overflow:scroll</code></h1>
  <p class="ex3" >
   <span class="big">OVERFLOW</span> <br /> 
   <span class="nowrap">The text in this span does not wrap!</span>  
   <select size="2">
    <option>select me</option>
    <option selected="selected" >select me</option>
   </select><br /> 
   <span>Vertical Overflow.</span>
  </p>
 </div>

 <div id="ex4">
  <h1><code>overflow:auto</code></h1>
  <p class="ex4" >
   <span class="big">OVERFLOW</span> <br /> 
   <span class="nowrap">The text in this span does not wrap!</span>  
   <select size="2">
    <option>select me</option>
    <option selected="selected" >select me</option>
   </select><br /> 
   <span>Vertical Overflow.</span>
  </p>
 </div>

</body>
</html>
